/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        "web/templates/**/*.html",
        "web/static/js/**/*.js"
    ],
    darkMode: ['selector', '[data-theme="dark"]'],
    theme: {
        extend: {
            keyframes: {
                rotate_wind: {
                    '0%': {transform: 'rotate(0deg)'},
                    '100%': {transform: 'rotate(360deg)'},
                },
                mask_out: {
                    '0%': {transform: 'translateY(0)'},
                    '100%': {transform: 'translateY(-100%)'},
                },
            },
            animation: {
                rotate_windmill: 'rotate_wind 3s linear infinite',
                mask_out: 'mask_out .5s forwards',
            }
        },
    },
    plugins: [
        require('daisyui'),
        require('autoprefixer')
    ],
}

